<template>
    <div class="exchange">

        <ToolBarChange :names="names" :types="type"></ToolBarChange>
        <div class="content">
            <router-view></router-view>
        </div>

    </div>

</template>

<script>
    import ToolBarChange from "./ToolBarChange";
    export default {
        name: "Exchange",
        components: {ToolBarChange},
        data(){
            return {
                names:'积分兑换',
                type:this.$route.name
            }
        },
        watch:{
            '$route':function () {
                this.type =  this.$route.name
            }
        }

    }
</script>

<style scoped>
    .content{
        position: absolute;
        top: 3rem;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
    }
</style>